* {
  box-sizing: border-box;
}

html, body {
  /* ベース文字サイズ、フォント */
  font-family: sans-serif, serif, normal;
  font-size: 16px;

  /* ベース文字色カラーコード */
  color: #000000;

  /* ベース背景色カラーコード */
  background-color: #ffffff;
}

html, body {
  /*************************************************************************************
   * Chrome for Android の Pull-to-Refresh 機能（下スワイプでリロード）を無効化する。
   *   弊害として、すべてのページで自動スクロールできなくなるので、スクロールが
   *   必要なページでは、明示的に内部スクロールを実装しなければならいので注意が必要。
   *************************************************************************************/
  overflow-y: hidden;
  height: 100%;
  width: 100%;
}

.App {
  text-align: left;
}

cite {
  font-style: normal;
}

a:link,
a:visited,
a:hover,
a:active {
  cursor: pointer;
}

/* micro clearfix for modern browsers */
.cf::before,
.cf::after {
  content: "";
  display: table;
}
.cf::after {
  clear: both;
}

/*************************************************************************************************
 * タブレット・デスクトップ向け
 *************************************************************************************************/
@media screen and (min-width:641px) {
  html, body {
    font-size: 26px;
  }
}
